#ProcessManagement {

  .el-form {
    .flex();
  }

  .el-form-item {
    margin-bottom: 0;

    // /deep/ label{
    //   padding-left: 12px;
    // }

    .el-input {
      display: block;
    }

    .el-button {
      display: block;
    }
  }
}

// .container{
//   background-color: #fff;
// }
#ProcessManagement,
#Version,
#Detail {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background-color: #fff;


  .section-top {
    .flex();
    .bb();
    padding: 15px;
    border-bottom: 1px solid #666;

    .back-button {
      margin-left: auto;
    }

    height: 56px;

    .el-form {
      .bb();
      height: 100%;
    }
  }

  .section-table {
    .bb();
    padding: 14px 15px;
    height: calc(~"100% - 56px") !important;
  }
}

#Version {
  .section-top {
    margin-bottom: 15px;
  }
}

#Detail {
  .section-table {
    padding-top: 0 !important;

    .el-table {
      margin-top: 10px;
    }
  }
}

.section-baseInfo {
  padding-bottom: 10px;
  border-bottom: 1px solid #666;
  padding: 0 15px;
  .bb();

  ul {
    width: 100%;

    li {
      .jc-b();
      align-items: center;
      width: 100%;
      height: 40px;

      label {
        width: 100px;
        min-width: 100px;
        margin-right: 15px;
        text-align: right;
      }

      .vue-treeselect:hover {
        border-color: #C0C4CC;
      }

      .vue-treeselect {
        // height: 100%;
        height: 28px;
        box-sizing: border-box;

        /deep/ .vue-treeselect__control {
          height: 100%;
          padding: 0 8px;
          box-sizing: border-box;
        }

        /deep/ .vue-treeselect__multi-value {
          margin-bottom: 0;
          height: 28px;
          .flex();
        }

        /deep/ .vue-treeselect__placeholder,
        .vue-treeselect__single-value {
          line-height: 28px;
        }

        /deep/ .vue-treeselect__multi-value-item-container {
          padding-top: 0;
        }
      }

    }
  }


}



h1 {
  height: 40px;
  line-height: 40px;
  // text-indent: 15px;
  color: #666;
  font-size: 18px;
  font-weight: bold;
  font-family: "Arial Negreta", "Arial Normal", "Arial";
  box-sizing: border-box;
  // margin-bottom: 10px;
  .bb();
}

section {
  font-family: "Arial Negreta", "Arial Normal", "Arial";

  .section-title {
    .jc-b();
  }
}

.save-box {
  width: 100%;
  height: 40px;
  padding: 0 15px;
  .bb();
  .fdrr();
}
.add-box{
  .fdrr();
  margin-bottom: 15px;
}



#NodeDetail{
  .section-top{
    .fdrr();
  }
}


// .top {
//   height: 0.62rem !important;

//   .el-form-item {
//     margin: 0px !important;
//   }
// }

// .table {
//   height: calc(~"100% - 1.12rem") !important;
// }

// // Meow Edit ↓------------
// .detail{
//   height: 100%;
//   padding-bottom: 50px;
//   .detail-top{
//     border-bottom: 1px solid gray;
//     padding-bottom: 10px;
//     .bb();
//     .fdrr();
//     margin-bottom: 10px;
//   }
// .baseInfo{
//   ul{
//     width: 100%;
//     li{
//       .jc-b();
//       .bb();
//       padding: 0 20px;
//       width: 100%;
//       min-height: 40px;
//       label{
//         width: 120px;
//         min-width: 120px;
//         margin-right: 20px;
//         text-align: right;
//       }
//       input{
//         flex: 1;
//         height: 20px  ;
//       }
//       span{
//         color: red;
//         margin-left: 10px;
//       }
//       .el-cascader{
//         width: 100%;
//       }
//     }
//   }
// }
// .processNode{
//    .processNode-top{
//      .jc-b();
//    } 
//   }
// }
// .detail-top{
//   margin-top: 10px;
//   margin-bottom: 0!important;
//   padding-right: 20px;
//   .bb();
// }
// .nextButton{
//   margin: 10px 0;
// }
// .processNode-top{
//   border-top: 1px solid gray;
//   padding-right: 20px;
//   .bb();
// }
// h1{
//   padding: 10px 0;
//   height: auto;
//   margin-bottom: 0!important;
// }
// .el-table{
//   margin-bottom: 20px;
// }


.el-tabs {
  overflow: visible !important;
}

/deep/.el-tabs__content {
  overflow: visible !important;
}
